<!DOCTYPE html>
<html>
<head>
	<title>SelectPage 下拉分页</title>
	<meta charset="UTF-8">
	<meta name="msvalidate.01" content="81AF31CB5B533E7F37C4145C0CDBC489" />
	<link rel="stylesheet" href="../lib/bootstrap/3.3.7/css/bootstrap.min.css" />
	<link rel="stylesheet" href="../lib/font-awesome-4/css/font-awesome.min.css" />
	<!--<link rel="stylesheet" href="../lib/fullpage/jquery.fullpage.min.css" />-->

    <link rel="stylesheet" href="../lib/selectmenu/selectmenu.css" type="text/css">
    
	<link rel="stylesheet" href="../css/header.css" />
	<link rel="stylesheet" href="../css/selectpage/index.css" />

</head>

<body>
<div class="content" id="fullpage">


    <div class="center-block head-container">
        <div class="container">

            <div class="col-md-5 plugin-thumbnail">
                <img alt="SelectPage" src="../image/SelectPage1.png">
            </div>
            <div class="col-md-7">
                <h1 class="text-primary">SelectPage</h1>
                <p>
                    <a class="github-button" href="https://github.com/terryz/selectpage" data-icon="octicon-star" data-show-count="true" aria-label="Star terryz/selectpage on GitHub">Star</a>
                    <a class="github-button" href="https://github.com/terryz/selectpage/fork" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork terryz/selectpage on GitHub">Fork</a>
                </p>
                <p class="plugin-description">
                    下拉选择的分页解决方案, 包含 ajax 数据源、输入自动完成、分页、标签、i18n 国际化以及键盘快速导航等特性
                </p>

                <br>
                <p class="text-muted">最新版本: <strong>v<span id="versionNum"></span></strong></p>
                <p>插件使用的图标来自于  <a href="http://www.iconfont.cn" target="_blank">IconFont</a> 图标库</p>
                <p>
                    <a class="btn btn-primary" href="https://github.com/TerryZ/SelectPage">
                        <i class="fa fa-fw fa-github"></i> <strong>Github</strong>
                    </a>
                    <a class="btn btn-default" href="https://github.com/TerryZ/SelectPage/issues/new" target="_blank">
                        <i class="fa fa-fw fa-commenting-o"></i> 回馈
                    </a>
                    <a class="btn btn-default" href="https://github.com/TerryZ/SelectPage" target="_blank">
                        <i class="fa fa-star"></i> 给项目加个Star，支持项目
                    </a>
                </p>
            </div>

        </div>
    </div>

    
    <div class="plugin-features">
        <div class="container">

            <div class="row features center-block">
                <div class="col-md-4">
                    <h1><i class="fa fa-plug"></i></h1>
                    <h3>jQuery插件</h3>
                    <p class="desc">插件基于 jQuery 1.x 进行开发</p>
                </div>
                <div class="col-md-4">
                    <h1><i class="fa fa-desktop"></i></h1>
                    <h3>界面简洁</h3>
                    <p class="desc">插件界面简洁清爽，可以很好的适用于各种 UI 环境</p>
                </div>
                <div class="col-md-4">
                    <h1><i class="fa fa-database"></i></h1>
                    <h3>远端数据</h3>
                    <p class="desc">数据源允许使用本地 Json 数据或通过 ajax 进行访问的服务端数据</p>
                </div>
            </div>

            <div class="row features center-block">
                <div class="col-md-4">
                    <h1><i class="fa fa-wrench"></i></h1>
                    <h3>定制化</h3>
                    <p class="desc">根据参数配置可定制插件的功能和外观</p>
                </div>
                <div class="col-md-4">
                    <h1><i class="fa fa-terminal"></i></h1>
                    <h3>自动补全</h3>
                    <p class="desc">根据在输入框中输入的关键字时行快速检索，并在列表中展示匹配的项目</p>
                </div>
                <div class="col-md-4">
                    <h1><i class="fa fa-caret-square-o-right"></i></h1>
                    <h3>分页展示</h3>
                    <p class="desc">待选项目在超过一定数量时，可根据指定的每页显示数进行分页展示</p>
                </div>
            </div>

            <div class="row features center-block">
                <div class="col-md-4">
                    <h1><i class="fa fa-tags"></i></h1>
                    <h3>多项选择</h3>
                    <p class="desc">打开插件多项目选择功能后，选中的项目将以标签（Tag）的形式存放在输入框中</p>
                </div>
                <div class="col-md-4">
                    <h1><i class="fa fa-keyboard-o"></i></h1>
                    <h3>键盘操作</h3>
                    <p class="desc">插件的下拉，分页等操作均可以使用键盘进行快速导航、操作，提高输入效率</p>
                </div>
                <div class="col-md-4">
                    <h1><i class="fa fa-language"></i></h1>
                    <h3>国际化</h3>
                    <p class="desc">支持国际化多语言切换，在国际化的项目中可快速应用</p>
                </div>
            </div>

        </div>
    </div>




</div>
	
	
	
<script type="text/javascript" src="../lib/jquery.min.js" ></script>
<!--<script type="text/javascript" src="../lib/fullpage/jquery.fullpage.min.js" ></script>	-->
<script type="text/javascript">
/*$(function(){
	$('#fullpage').fullpage({
		sectionsColor: ['#FFFFFF', '#FFFFFF', '#FFFFFF', '#727F80']
	});
});*/
</script>

<script type="text/javascript" src="../lib/countUp/countUp.min.js" ></script>
<script type="text/javascript" src="../lib/selectmenu/selectmenu.min.js" ></script>
<script type="text/javascript" src="../js/common.js" ></script>
<script type="text/javascript" >
    $(function(){
        var version = new CountUp('versionNum',1.0,2.19,2,3.5,{
            useEasing: true,
            useGrouping: true,
            separator: ',',
            decimal: '.'
        });
        version.start();
    });
</script>
<script async defer src="../lib/github-buttons/buttons.min.js"></script>
</body>
</html>